<template>
  <div>
    <p>原来的样子:{{ msg }}</p>
    <p>使用过滤器翻转:{{ msg }}</p>

    <p :title="msg | toUp">鼠标长停留</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "Hello,vue",
    };
  },
  //局部过滤器
  filters: {
    toUp(val) {
      return val.toUpperCase();
    },
  },
};
</script>

<style>
</style>